<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="java.util.*" import="com.happypets.model.PetBean" import="com.happypets.model.CartBean" import="com.happypets.model.UserBean"%>
<!DOCTYPE html>
<html>
<head>
<title>Happy Pets</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="FENG design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll").click(function(event){		
							event.preventDefault();
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
				</script>	
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script src="js/find.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>				
</head>
<body> 
<!--bottom-header-->

		<div class="top-header">
		<div class="container">
			
		</div>
	</div>
	<!--top-header-->
	<!--bottom-header-->
	<div class="header-bottom">
		<div class="container">
			<div class="top-nav">
				<ul class="memenu skyblue">
					<li class="active"><a href="index.jsp">主页</a></li>
					<li class="grid"><a href="dogs.jsp?kind=1">狗狗</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>大型犬</h4>
									<ul>
										<!--从数据库中读取前8条狗类图片-->
										<!-- 直接读取耗时，为了能修改还是建议从数据库中读取 -->
										<!-- 再次思考认为直接写死，后台修改 -->
										<!--  页面跳转到servlet-->
										<li><a href="products.html">藏獒</a></li>
										<li><a href="products.html">卡斯罗</a></li>
										<li><a href="products.html">罗威纳犬</a></li>
										<li><a href="products.html">阿拉斯加雪橇犬</a></li>
										<li><a href="products.html">法老王猎犬</a></li>
										<li><a href="dogs.jsp?kind=1">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>中型犬</h4>
									<ul>
										<li><a href="products.html">斑点狗</a></li>
										<li><a href="products.html">杜宾犬</a></li>
										<li><a href="products.html">哈士奇</a></li>
										<li><a href="products.html">灵缇</a></li>
										<li><a href="dogs.jsp?kind=1.jsp">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>小型犬</h4>
									<ul>
										<li><a href="products.html">吉娃娃</a></li>
										<li><a href="products.html">蝴蝶犬</a></li>
										<li><a href="products.html">北京犬</a></li>
										<li><a href="products.html">苏格兰梗</a></li>
										<li><a href="products.html">比格猎犬</a></li>
										<li><a href="products.html">拉萨犬</a></li>
										<li><a href="dogs.jsp">更多</a></li>
									</ul>
								</div>
							</div>
						</div></li>
					<li class="grid"><a href="dogs.jsp?kind=2">猫咪</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>长毛猫</h4>
									<ul>
										<li><a href="products.html">波斯猫</a></li>
										<li><a href="products.html">布偶猫</a></li>
										<li><a href="products.html">伯曼猫</a></li>
										<li><a href="products.html">索马里猫</a></li>
										<li><a href="products.html">巴厘猫</a></li>
										<li><a href="dogs.jsp?kind=2">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>短毛猫</h4>
									<ul>
										<li><a href="products.html">中国狸花猫</a></li>
										<li><a href="products.html">埃及猫</a></li>
										<li><a href="products.html">俄罗斯蓝猫</a></li>
										<li><a href="products.html">孟买猫</a></li>
										<li><a href="dogs.jsp?kind=2">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>无毛猫</h4>
									<ul>
										<li><a href="products.html">斯芬克斯猫</a></li>
										<li><a href="products.html">加拿大无毛猫</a></li>
										<li><a href="dogs.jsp?kind=2">更多</a></li>
									</ul>
								</div>
							</div>
						</div></li>
					<li class="grid"><a href="single.html">鸟类</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>鸣禽</h4>
									<ul>
										<li><a href="products.html">New Arrivals</a></li>
										<li><a href="products.html">Men</a></li>
										<li><a href="products.html">Women</a></li>
										<li><a href="products.html">Accessories</a></li>
										<li><a href="products.html">Kids</a></li>
										<li><a href="products.html">login</a></li>
										<li><a href="products.html">Brands</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>宠物鸟</h4>
									<ul>
										<li><a href="products.html">Men</a></li>
										<li><a href="products.html">Women</a></li>
										<li><a href="products.html">Brands</a></li>
										<li><a href="products.html">Kids</a></li>
										<li><a href="products.html">Accessories</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>观赏鸟</h4>
									<ul>
										<li><a href="products.html">Levis</a></li>
										<li><a href="products.html">Persol</a></li>
										<li><a href="products.html">Nike</a></li>
										<li><a href="products.html">Edwin</a></li>
										<li><a href="products.html">New Balance</a></li>
										<li><a href="products.html">Jack & Jones</a></li>
										<li><a href="products.html">Paul Smith</a></li>
										<li><a href="products.html">Ray-Ban</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
							</div>
						</div></li>
					<li class="grid"><a href="dogs.html">其它</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>昆虫</h4>
									<ul>
										<li><a href="products.html">蜘蛛</a></li>
										<li><a href="products.html">螳螂</a></li>
										<li><a href="products.html">蝎子</a></li>
										<li><a href="products.html">蜗牛</a></li>
										<li><a href="products.html">蚯蚓</a></li>
										<li><a href="products.html">蜥蜴</a></li>
										<li><a href="products.html">龙虾</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>鱼类</h4>
									<ul>
										<li><a href="products.html">青鱼</a></li>
										<li><a href="products.html">草鱼</a></li>
										<li><a href="products.html">金鱼</a></li>
										<li><a href="products.html">中华鲟</a></li>
										<li><a href="products.html">扬子鳄</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>奇葩宠物</h4>
									<ul>
										<li><a href="products.html">蟒蛇</a></li>
										<li><a href="products.html">剑齿虎</a></li>
										<li><a href="products.html">长颈鹿</a></li>
										<li><a href="products.html">狮子</a></li>
										<li><a href="products.html">蓝鲸</a></li>
										<li><a href="products.html">企稳</a></li>
										<li><a href="products.html">普氏野马</a></li>
										<li><a href="products.html">黑曼巴</a></li>
										<li><a href="products.html">更多</a></li>
									</ul>
								</div>
							</div>
						</div></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!--bottom-header-->
	<!--start-breadcrumbs-->
	<div class="breadcrumbs">
		<div class="container">
			<div class="breadcrumbs-main">
				<ol class="breadcrumb">
					<li><a href="index.html">主页</a></li>
					<li class="active">找回密码</li>
				</ol>
			</div>
		</div>
	</div>
	<!--end-breadcrumbs-->
	
	
	<!--start-ckeckout-->
	<div class="ckeckout">
		<div class="container">
			
	<form class="bs-example bs-example-form find-form" role="form" action="../SendFindMail">
      <div class="input-group input-group-lg">
         <span class="input-group-addon">用户名</span>
         <input type="text" class="form-control find-user" name="user" placeholder="用户名">
      </div>
      
      <br>
      
      <div class="input-group input-group-lg">
         <span class="input-group-addon">邮箱</span>
         <input type="text" class="form-control find-mail" name="mail" disabled="disabled" placeholder="邮箱">
      </div>
      
      <br>
      
      <button type="button" class="btn btn-success find-btn">确定发送</button>
      
      </form>
			
		</div>
		
	</div>
	 
	<!--end-ckeckout-->
	
	<!-- 复制尾部部分 -->

	<!--start-footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<h3>关于我们</h3>
					<ul>
						<li><a href="#">了解我们</a></li>
						<li><a href="contact.html">意见建议</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="#">团队</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>帐户</h3>
					<ul>
						<li><a href="account.html">您的帐户</a></li>
						<li><a href="#">个人信息</a></li>
						<li><a href="contact.html">收货地址</a></li>
						<li><a href="#">快递追踪</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>购物指南</h3>
					<ul>
						<li><a href="#">订单查询</a></li>
						<li><a href="#">配送费收取标准</a></li>
						<li><a href="#">在线自助退货</a></li>
						<li><a href="#">帮助</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>爱宠种类</h3>
					<ul>
						<li><a href="#">狗狗</a></li>
						<li><a href="#">猫咪</a></li>
						<li><a href="#">小鸟</a></li>
						<li><a href="#">鱼类</a></li>
						<li><a href="#">其它</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--end-footer-->
	<!--end-footer-text-->
	<div class="footer-text">
		<div class="container">
			<div class="footer-main">
				<p class="footer-class">
					© 2015 Happy Pets All Rights Reserved | Design by <a
						href="http://fengshaohua.sinaapp.com/" target="_blank">FENG</a>
				</p>
			</div>
		</div>
		<a href="#home" id="toTop" class="scroll" style="display: block;">
			<span id="toTopHover" style="opacity: 1;"> </span>
		</a>
	</div>
	<!--end-footer-text-->
	
	<!--end-footer-text-->	
</body>
</html>